<template>
  <div class="main">
    <div class="letter-opening">测测你的焦虑水平（SCARED） </div>
    <div class="letter-content">指导语： 请你根据最近3个月的实际感受填写下来，不要考虑怎样回答才正确，仅根据你的感知如实回答，选择符合你情况的选项。</div>
    <div class="letter-content1">
      温馨提示：
      为保证结果的准确性，答题时以第一感觉作答，过程中尽量不要返回作答。
    </div>
    <div class="juzhong">
      <el-form ref="form" :model="form" label-width="80px" class="form">

        <el-button type="primary" @click="onSubmit" class="anniu">开始答题</el-button>
      </el-form>
    </div>
    <div class="anniu2">
      <el-button type="primary" @click="onSubmit1" size="mini">返回</el-button>
    </div>


  </div>
</template>

<script>
export default {
  data () {
    return {
      scaleId:null,
      id:null,
      form: {
        type: []
      }
    }
  },
  methods: {
    //获取路由参数
    getRouterQuery () {
      this.scaleId = this.$router.history.current.query.scaleId
      this.id = this.$router.history.current.query.id
    },
    // 参与作答路由跳转
    onSubmit () {
      this.getRouterQuery();
      console.log("知情权id",this.scaleId);
      this.$router.push({
      path: '/mentalTest/answerInfo',
      query: {
        scaleId: this.scaleId,
        id:this.id
      }
      })
    },
    // 返回路由跳转
    onSubmit1 () {
       this.$router.push({
        path: '/mentalTest/zhiqingquan',
        query: {
          // scaleId: row.scaleId
        }
      })
    }
  }

}
</script>

<style>
.main {
  display: flex;
  flex-flow: column nowrap;
  /* 在主轴上居中对齐 */
  padding-top: 20px;
  /* 上边距为10像素 */
  padding-right: 100px;
  /* 右边距为20像素 */
  padding-left: 100px;
  /* 左边距为5像素 */
}

.letter-opening {
  font-family: 宋体, SimSun, STSong, sans-serif;
  font-size: 32px;
  /* 根据需要调整字体大小 */
  line-height: 1.5;
  /* 根据需要调整行高 */
  text-align: justify;
  /* 根据需要调整文本对齐方式 */
  /* 如果你希望开头更显眼一些，你可以尝试添加一些额外的样式，比如加粗或者变大 */
  font-weight: bold;
  /* 加粗字体 */
  margin-bottom: 15px;
  /* 下边距为15像素 */
}

.letter-content {
  font-family: 微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif;
  font-size: 16px;
  /* 根据需要调整字体大小 */
  line-height: 1.6;
  /* 根据需要调整行高 */
  text-align: justify;
  /* 根据需要调整文本对齐方式 */
  margin-top: 10px;
  /* 上边距为10像素 */
}

.letter-content1 {
  font-family: 微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif;
  font-size: 16px;
  /* 根据需要调整字体大小 */
  line-height: 1.6;
  /* 根据需要调整行高 */
  text-align: justify;
  /* 根据需要调整文本对齐方式 */
  margin-top: 50px;
  /* 上边距为10像素 */
}

.juzhong {
  margin-top: 50px;
  /* 上边距为10像素 */
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  /* 在主轴上居中对齐 */
}

.tongyi {
  color: #5E9DDC;
}

.form {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.anniu {
  background-color: #FFA500;
  margin-top: 10px;
  /* 上边距为10像素 */
  border: none;
  /* Remove the border */
}

.anniu2 {
  display: flex;
  flex-flow: row-reverse nowrap;
}
</style>